import { createApp } from 'vue'
import { createPinia } from 'pinia'
import './style.css'
import App from './App.vue'
import 'element-plus/dist/index.css'
// 映入vuerouter
import router from './router/index'

// 引入fontawesome图标库<---------

/* import the fontawesome core */
import { library } from '@fortawesome/fontawesome-svg-core'

/* import font awesome icon component */
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

/* import specific icons */
import {faMagnifyingGlass,faRankingStar,faUserCheck,faStar,faUpload,faPlus,faCheck,faHeart,faThumbsUp,faPause,faPlay,faVolumeHigh,faVolumeXmark,faMaximize } from '@fortawesome/free-solid-svg-icons'

library.add(faMagnifyingGlass,faRankingStar,faUserCheck,faStar,faUpload,faPlus,faCheck,faHeart,faThumbsUp,faPause,faPlay,faVolumeHigh,faVolumeXmark,faMaximize)
// ------------------>

// 引入lottie动画
import Vue3Lottie from 'vue3-lottie'

const pinia = createPinia()
const app = createApp(App)

app.component('font-awesome-icon', FontAwesomeIcon)

app.use(router).use(Vue3Lottie).use(pinia)

app.mount('#app')
